<template>
 <el-cascader
            style="width: 100%;"
            :options="options"
            v-model="value1"
            @change="handleChange"
            filterable
            :props="{value:'label'}"
            placeholder="省/市/区"
        ></el-cascader>
</template>

<script>

import {regionData} from 'element-china-area-data';
export default {
  name:"AreaChoose",
  props:['value'],
    data(){
        return{
            options:regionData,
            selectedOptions:[]
        }
    },
    computed:{
        value1:{
            set(val){
                this.$emit("input",val)
            },
            get(val){
                return this.value
            }
        }
    },
    methods:{
        handleChange(value){
            this.$emit('cityValueChang',value)
        }
    }
}
</script>

<style>

</style>
